<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>jQuery Mobile Docs - Slide Panel</title>
	<link rel="stylesheet"  href="themes/css/jquery.mobile-1.3.0-beta.1.min.css" />
	<link rel="stylesheet"  href="themes/css/main.css" />

	
	<script src="js/jquery-1.8.2.min.js"></script>
	<script src="js/jquery.mobile-1.3.0-beta.1.min.js"></script>
</head>
<body>
	
	<div data-role="page" id="index">
	
		<!-- defaultpanel  -->
		<div data-role="panel" id="mypanel" data-theme="a" data-position="left" data-display="push" data-dismissible="false">
		<div data-role="content">
			<ul>
				<li><a href="#index" data-rel="close" class="btn-setting"><span class="sprite"></span><span class="txt">설정</span></a></li>
				<li><a href="#index"  class="btn-map"><span class="sprite"></span><span class="txt">지도</span></a></li>
				<li><a href="mypeople.html"  class="btn-menupeople"><span class="sprite"></span><span class="txt">내정보</span></a></li>
				<li><a href="friends.html"  class="btn-friends"><span class="sprite"></span><span class="txt">친구</span></a></li>
				<li><a href="#index"  class="btn-calendar"><span class="sprite"></span><span class="txt">일정</span></a></li>
			</ul>
	</div>
		</div><!-- /mypanel -->
	
		<!-- content -->
		<div data-role="content">
			<ul data-role="listview" data-filter="true" data-filter-placeholder="Search people..." data-filter-theme="d"data-theme="d" data-divider-theme="d">
				<li data-role="list-divider">A</li>
				<li><a href="mypeople.html"><img class="img_photo" src="themes/css/images/logo.png"/>Adam Kinkaid</a></li>
				<li><a href="index.html"><img class="img_photo" src="themes/css/images/logo.png"/>Alex Wickerham</a></li>
				<li><a href="index.html">Avery Johnson</a></li>
				<li data-role="list-divider">B</li>
				<li><a href="index.html"><img class="img_photo" src="themes/css/images/logo.png"/>Bob Cabot</a></li>
				<li data-role="list-divider">C</li>
				<li><a href="index.html"><img class="img_photo" src="themes/css/images/logo.png"/>Caleb Booth</a></li>
				<li><a href="index.html">Christopher Adams</a></li>
		
			</ul>
			</div>
		<!--/content end-->
		
		
		<div data-role="footer" data-theme="a"  data-position="fixed">
			<a href="#mypanel" data-role="button" data-icon="bars">메뉴</a>
			<a href="write.html" data-role="button" class="ui-btn-right" data-iconpos="right" data-icon="edit" >글쓰기</a>
		</div>

	</div><!-- /page -->
</body>
</html>